<template>
  <el-container>
    <el-header>
      <el-affix>
        <Navbar/>
      </el-affix>
    </el-header>
    <el-main>
      <div id="display">
        <AppMain/>
      </div>
    </el-main>
  </el-container>
</template>
<script setup lang="ts">
import Navbar from './cpmponents/Navbar.vue'
import AppMain from './cpmponents/AppMain.vue';
import { ref,onMounted } from 'vue'
import { bloggerInfo } from '@/store/customer/inedx'
const source = ref('');
const activeIndex = ref('1')
const handleSelect = (key: string, keyPath: string[]) => {
  console.log(key, keyPath)
}
onMounted(() => {
  bloggerInfo.getInfo();
})

</script>

<style scoped>
#display {
  max-width: 1250px;
  Margin: auto;
}
.el-header {
  padding: 0px;
  z-index:999
}
.el-main{
  background-color: #f8f8f8;
}

</style>